import React from 'react'
import { Typography, Menu, Button, Dropdown } from 'antd'
import { GlobalOutlined } from '@ant-design/icons'
import styles from './TrTop.module.css'

export const TrTop: React.FC = () => {
  return (
    <div className={styles.top}>
      <div>
        <Typography.Text>让旅游更幸福</Typography.Text>
        <Dropdown.Button
          style={{ marginLeft: 15 }}
          overlay={
            <Menu>
              <Menu.Item>中文</Menu.Item>
              <Menu.Item>English</Menu.Item>
            </Menu>
          }
          icon={<GlobalOutlined />}>
          语言
        </Dropdown.Button>
      </div>
      <Button.Group>
        <Button>注册</Button>
        <Button>登陆</Button>
      </Button.Group>
    </div>
  )
}
